<template>
	<view>
		<w-navbar type="normal" background="linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%)">
			<view slot="navbar-center">单元格</view>
		</w-navbar>
		<pageDemoBlock title="基本用法" color="#1c87e4" :contentStyle="{ padding: '20rpx 0' }">
			<w-cell title="腾讯QQ" icon="icon-icon_qq-square" iconColor="#FCAF09" :arrow="false"></w-cell>
			<w-cell title="哔哩哔哩" icon="icon-icon_bilibili-square" iconColor="#26ACE3" value="右侧内容"></w-cell>
			<w-cell title="新浪微博" label="微博是指一种基于用户关系信息分享" iconColor="#F3211D" icon="icon-icon_weibo-square"></w-cell>
		</pageDemoBlock>
		<pageDemoBlock title="自定义/左侧图标/右侧箭头隐藏/右侧内容" color="#e42c07" :contentStyle="{ padding: '20rpx 0' }">
			<w-cell title="微信" icon="icon-icon_wechat-square" iconColor="#01BC0D" >
				<switch slot="value" style="transform:scale(0.8)" />
			</w-cell>
			<w-cell title="抖音记录美好生活"  icon="icon-icon_github-square" iconColor="#1C0B1B" :borderBottom="false"></w-cell>
		</pageDemoBlock>
	</view>
</template>

<script>
	import pageDemoBlock from '@/components/page-demo-block';
	export default {
		components: {
			pageDemoBlock
		},
		data() {
			return {

			}
		},
		methods: {}
	};
</script>

<style lang="scss" scoped></style>
